<template>
  <div class="box">
      <div class="left">
          <slot name="title"> 
              <p>title单元格</p>
          </slot>

          <slot name="label"> 
              <p>label描述信息</p>
          </slot>
      </div>
      <div class="right">
         <slot name="value"> 
              <p>value内容</p>
          </slot>
      </div>
  </div>
</template>

<script>
export default {
name:'cell'
}
</script>

<style scoped>
    .box{
        border: 1px solid red;
        height: 90px;
    }
    .box .left{
        float: left;
        width: 80%;
    }
     .box .right{
        float: right;
         width: 20%;
    }
</style>